/** 基础通用 **/
.pt5 {
  padding-top: 5px;
}

.pr5 {
  padding-right: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb8 {
  margin-bottom: 8px;
}

.ml5 {
  margin-left: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml0 {
  margin-left: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.m20 {
  margin-left: 20px;
}

/* 树组件边框 */
.tree-border {
  margin-top: 5px;
  border: 1px solid #e5e6e7;
  background: #FFFFFF none;
  border-radius: 4px;
  width: 100%;
}

/* 白底栏位 */
.back-item { //
  background-color: #fff;
  padding: 18px 16px 0;
  margin-bottom: 15px;
}

.line-magin {
  height: 18px;
}

.table-top {
  display: flex;
  align-items: center;

  .title-left {
    margin-right: auto;
  }

  .title {
    font-weight: bold;
  }
}

.table-top-line {
  background-color: #dcdfe6;
  width: 1px;
  height: 20px;
  margin-top: 4px;
  margin-left: 15px;
  margin-right: 10px;

}

.el-table {
  .el-table__header-wrapper, .el-table__fixed-header-wrapper {
    th {
      word-break: break-word;
      background-color: #f8f8f9 !important;
      color: #515a6e;
      height: 40px !important;
      font-size: 13px;
    }
  }

  .el-table__body-wrapper {
    .el-button [class*="el-icon-"] + span {
      margin-left: 1px;
    }
  }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.sticky-table {
  .is-vertical{
    .el-scrollbar__thumb {
      height: auto !important;
    }
  }

}

.container{
  max-height: calc(100vh - 130px);
  overflow-y: auto;
}

/** 表单布局 **/
.form-header {
  font-size: 15px;
  color: #6379bb;
  border-bottom: 1px solid #ddd;
  margin: 8px 10px 25px 10px;
  padding-bottom: 5px
}

.el-form--inline {
  .item-describe {
    width: calc(100% - 32px);
  }

  .search-button {
    width: auto;
  }

  .el-form-item__label {
    padding-top: 7px;
    font-weight: 700;
    line-height: 18px;
  }

  .el-form-item__content {
    width: 222px;
  }

  .item-search {
    .el-form-item__content {
      width: auto;
    }
  }
}

.item-content {
  .el-form-item__content {
    max-height: 300px;
    overflow-y: auto;
  }

}

/**
详情弹框
 */
.detail-form {
  padding-top: 12px;

  .el-form {
    display: flex;
    flex-wrap: wrap;

    .el-form-item {
      margin: 0px 32px 2px 0;

      .el-form-item__label {
        line-height: 23px;
      }

      .el-form-item__label:after {
        content: ":";
        left: 3px;
      }

      .el-form-item__content {
        align-items: baseline;
        width: 222px;
        min-height: 46px;
        color: #868686;
        font-size: 14px;
        line-height: 21px;
      }
    }
  }

  .item-describe {
    width: 100%;

    .el-form-item__content {
      width: auto;
      padding-right: 20px;
      min-height: 60px;
      word-break: break-all;
    }
  }
}
